{
  let hd: string = "chengzhu";

  hd = null;
  hd = undefined;

  let name: string | undefined = "zhangyun";
  name = undefined;

  console.log(hd);
  console.log(name);

  // 获取div元素，这个元素可能存在也可能为空，所以下行提示报错
  // const el:HTMLDivElement = document.querySelector('.hd');

  // 增加为空的属性，这时候不报错
  // const el:HTMLDivElement | null = document.querySelector('.hd');

  // 明确的断言这个div一定存在，所以不报错
  const el: HTMLDivElement = document.querySelector(".hd") as HTMLDivElement;
  console.log(el.innerHTML);

  // 另一种方式的非空断言语法
  const el1: HTMLDivElement = document.querySelector(".hd")!;

}
